﻿@model FinalProject.Web.ViewModels.ClientTicketViewModel
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Client Tab One</a> </li>
        <li><a href="#tabs-2">Client Tab Two</a> </li>
        <li><a href="#tabs-3">Client Tab Three</a> </li>
        <li><a href="#tabs-4">Client Tab Four</a> </li>
    </ul>
    <div id="tabs-1">
        <p>
            <div class="display-label">
                FirstName</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.Client.PersonName.FirstName)
            </div>
            <div class="display-label">
                LastName</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.Client.PersonName.LastName)
            </div>
            <div class="display-label">
                Phone</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.Client.Phone)
            </div>
        </p>
    </div>
    <div id="tabs-2">
        <p>
            <div class="display-label">
                Created</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.Client.Created)
            </div>
            <div class="display-label">
                LastEdited</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.Client.LastEdited)
            </div>
            <div class="display-label">
                LastAccessed</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.Client.LastAccessed)
            </div>
        </p>
    </div>
    <div id="tabs-3">
        <p>
            <div class="display-label">
                StoreId</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.Client.StoreId)
            </div>
        </p>
    </div>
    <div id="tabs-4">
        <table>
            <thead>
                <tr>
                    <th scope="col">
                        Ticket Number
                    </th>
                    <th scope="col">
                        Ticket Balance
                    </th>
                </tr>
            </thead>
            <tbody>
                @foreach (var ticket in Model.ClientTickets)
                {
                    <tr>
                        <td>@ticket.Name
                        </td>
                        <td>@ticket.TicketBalance
                        </td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
</div>
<p>
    @Html.ActionLink("Edit", "Edit", new { id = Model.Client.Id }) |
    @Html.ActionLink("Back to List", "List")
</p>
